.slider
  position: relative
  overflow: hidden
  width: 100%
  .slider-group
    position: relative
    white-space: nowrap
    .slider-item
      overflow: hidden
      text-align: center
      box-sizing: border-box
      float: left
      background: red
      a
        display block
        width: 100%
        text-decoration none
        img
          display block
          width: 100%

  .dots
    position: absolute
    left:0
    right: 0
    height: 20px
    bottom: 10px
    box-sizing :border-box
    text-align: center
    .dot
      box-sizing :border-box
      width: 8px
      height: 8px
      margin-left: 5px
      margin-right :5px
      display: inline-block
      border-radius :50%
      background :gray
      vertical-align:middle
    .active
      width: 12px
      height: 12px
      background: red
      






